<template>
	<view class="flex-col page">
		<view class="flex-row justify-center relative section">
			<image class="image pos" @click="backpage"
				src="https://gongxiangtaiqiu.axa2.com/taiqiu/16799811983751609806.png" />
			<text class="text">联系我们</text>
		</view>
		<view class="flex-col relative group space-y-30">
			<view class="flex-col section_2 space-y-33">
				<image class="self-center image_2"
					src="https://gongxiangtaiqiu.axa2.com/taiqiu/16799811983802374469.png" />
				<text class="font_1 text_2">
					翼飞无人自助台球系统，拥有全方位的服务体系。平台集多位业内精英、技术专家，提供一体化服务和顶级技术支持，
					通过不断的运营、维护、研发、探索、迭代，让品牌走在行业前沿，引领潮
				</text>
			</view>
			<view class="flex-row justify-between section_3">
				<text class="font_1">公司地址</text>
				<text class="font_2 text_3">沈阳市铁西区保工街312号</text>
			</view>
			<view class="flex-row justify-between items-center section_3">
				<text class="font_1">客服电话</text>
				<text class="font_2 text_4">13088559988</text>
			</view>
			<view class="flex-row justify-between items-center section_3">
				<text class="font_1 text_5">客服微信</text>
				<text class="font_2">Vk589</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {};
		},

		methods: {
			backpage(){
				uni.navigateBack({
					delta: 1
				})
			}
		},
	};
</script>

<style>
	/************************************************************
	** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
	** 否则页面将无法正常显示                                  **
	************************************************************/

	html {
		font-size: 16px;
	}

	body {
		margin: 0;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
			'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	view,
	image,
	text {
		box-sizing: border-box;
		flex-shrink: 0;
	}

	#app {
		width: 100vw;
		height: 100vh;
	}

	.flex-row {
		display: flex;
		flex-direction: row;
	}

	.flex-col {
		display: flex;
		flex-direction: column;
	}

	.justify-start {
		justify-content: flex-start;
	}

	.justify-end {
		justify-content: flex-end;
	}

	.justify-center {
		justify-content: center;
	}

	.justify-between {
		justify-content: space-between;
	}

	.justify-around {
		justify-content: space-around;
	}

	.justify-evenly {
		justify-content: space-evenly;
	}

	.items-start {
		align-items: flex-start;
	}

	.items-end {
		align-items: flex-end;
	}

	.items-center {
		align-items: center;
	}

	.items-baseline {
		align-items: baseline;
	}

	.items-stretch {
		align-items: stretch;
	}

	.self-start {
		align-self: flex-start;
	}

	.self-end {
		align-self: flex-end;
	}

	.self-center {
		align-self: center;
	}

	.self-baseline {
		align-self: baseline;
	}

	.self-stretch {
		align-self: stretch;
	}

	.flex-1 {
		flex: 1 1 0%;
	}

	.flex-auto {
		flex: 1 1 auto;
	}

	.grow {
		flex-grow: 1;
	}

	.grow-0 {
		flex-grow: 0;
	}

	.shrink {
		flex-shrink: 1;
	}

	.shrink-0 {
		flex-shrink: 0;
	}

	.relative {
		position: relative;
	}

	.page {
		padding-bottom: 389rpx;
		background-color: #f8f8f8;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.section {
		padding: 104rpx 34rpx 294rpx;
		background-image: linear-gradient(0deg, #f8f8f8 0%, #e6fff1 100%);
	}

	.image {
		width: 20rpx;
		height: 35rpx;
	}

	.pos {
		position: absolute;
		left: 34rpx;
		top: 104rpx;
	}

	.text {
		color: #222222;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 700;
		line-height: 34rpx;
	}

	.group {
		margin-top: -222rpx;
		padding: 0 30rpx;
	}

	.space-y-30>view:not(:first-child),
	.space-y-30>text:not(:first-child),
	.space-y-30>image:not(:first-child) {
		margin-top: 30rpx;
	}

	.section_2 {
		padding: 64rpx 30rpx 59rpx 52rpx;
		background-color: #ffffff;
		border-radius: 24rpx;
	}

	.space-y-33>view:not(:first-child),
	.space-y-33>text:not(:first-child),
	.space-y-33>image:not(:first-child) {
		margin-top: 33rpx;
	}

	.image_2 {
		width: 203rpx;
		height: 144rpx;
	}

	.font_1 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 26rpx;
		font-weight: 500;
		color: #6b6b6b;
	}

	.text_2 {
		line-height: 56rpx;
	}

	.section_3 {
		padding: 46rpx 30rpx;
		background-color: #ffffff;
		border-radius: 24rpx;
	}

	.font_2 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 22rpx;
		font-weight: 500;
		color: #222222;
	}

	.text_3 {
		margin-right: 4rpx;
		line-height: 27rpx;
	}

	.text_4 {
		margin-right: 4rpx;
	}

	.text_5 {
		line-height: 27rpx;
	}
</style>
